<template>
    <div class="s-main">
        <div class="s-main-top"></div>
        <div class="s-main-content">
            <slot></slot>
        </div>
    </div>
</template>
<script>
export default {

}
</script>
<style lang="less" scoped>
.s-main {
  width: 100%;
  background-color: #d5dde5;
  border-radius: 16px;
  .s-main-top {
    width: 100%;
    height: 200px;
    background-color: #3c4ae7;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .s-main-content {
    min-height: 800px;
    margin-top: -200px;
    padding: 27px 20px;
  }
  //   .s-main-bottom {
  //     width: 100%;
  //     background-color: #d5dde5;
  //     min-height: 20.6em;
  //     border-bottom-left-radius: 1em;
  //     border-bottom-right-radius: 1em;
  //   }
}
</style>
